<!-- 认识元素练习 -->
<!-- <p id="p1" title="标题1">hello, world!1</p>
<p id="p2">hello, world!2</p>
<p>hello, world!3</p>
<p>hello, world!4</p>
<p>HTML 是一门非常<b>强大</b>的语言</p>
<img src="1.png">
<a href="tel:+491570156">+49 157 0156</a> -->
<!-- -------------------------------------------------------------- -->
<!-- -------------------------------------------------------------- -->

<!-- 认识HTML页面练习 -->
<!-- 快捷方式："html:5" -->
<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html> -->

<!-- 生成快捷方式：！+tab -->
<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html> -->

<!-- 完整网站页面结构练习 -->
<!-- <!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>第一个完整页面</title>
    </head>
    <body>
        <p>Hello, world!</p>
        <img src="1.png" width="300">
    </body>
</html> -->

<!-- 文本元素练习 -->
<!-- <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本元素</title>
</head>
<body>
    <a href="2.html">本地网页</a>
    <hr>
    <a href="http://www.baidu.com">互联网网页</a>
    <hr>
    <a href="#p1">页面内锚点</a>
    <hr>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <p id="p1">很下面的内容 <a href="#">回到顶部</a></p>
    
</body>
</html> -->

<!-- 常见元素练习 -->
<!-- <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    # 1) 文本
    ## Heading -->
    <!-- <h1>1号标题</h1>
    <h2>2号标题</h2>
    <h3>3号标题</h3>
    <h4>4号标题</h4>
    <h5>5号标题</h5>
    <h6>6号标题</h6> -->
    <!-- ## Paragraph -->
    <!-- <p>段落</p> -->
    <!-- ## List -->
    <!-- 无序列表 unordered list
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ul>
    有序列表
    <ol>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ol>
    多级列表
    <ul>
        <li>
            北京市
            <ul>
                <li>海淀区</li>
                <li>朝阳区</li>
                <li>昌平区</li>
            </ul>
        </li>
        <li>
            河北省
            <ul>
                <li>石家庄</li>
                <li>保定</li>
            </ul>
        </li>
    </ul>
</body>

</html> --> 

<!-- 多媒体标签练习 -->
 <!-- <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
 </head>
 <body> -->
    <!-- 图像标签img -->
    <!-- <img src="1.png"  width="300px">
    <br>
    <img src="" alt="">
    <br> -->
    <!-- 视频标签 -->
    <!-- <video src="test.mp4" width="300" controls></video>
    <br> -->
    <!-- 音频标签 -->
    <!-- <audio src="bgm.mp3" controls></audio>

 </body>
 </html> -->

 <!-- 表单标签练习 -->
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  </head>
  <body>
    <!-- 表单的基本用法 -->
        
    <!-- <form action="https://www.baidu.com/s"> -->
        <!-- 文本输入框 -->
        <!-- <input type="text" name="wd"> -->
        <!-- 按钮 -->
        <!-- <input type="submit" value="搜索">

    </form>  -->
   

    <form action="http://localhost:8080/test"
        method="post" enctype="multipart/form-data">
        <!-- 名字 -->
        <input type="text" name="username">
        <hr>
        <!-- 密码 -->
        <input type="password" name="password">
        <hr>
        <input type="hidden" name="id" value="1">
        <hr>
        <input type="date" name="birthday">
        <hr>
        男<input type="radio" name="sex" value="男" checked>
        女<input type="radio" name="sex" value="女">
        <hr>
        唱歌<input type="checkbox" name="fav" value="唱歌">
        逛街<input type="checkbox" name="fav" value="逛街">
        游戏<input type="checkbox" name="fav" value="游戏">
        <hr>
        <input type="file" name="avatar">
        <hr>
        <input type="submit" value="提交">
    </form>
  </body>
  </html>